@charset "utf-8";
/* CSS Document */
body{color:#666;font-size:16px;margin: 0;padding: 0;border: 0;background: #ccc/*url(../images/bg.png) repeat*/;}
.pure-skin-mine input, .pure-skin-mine select, .pure-skin-mine textarea {color:#777;font-size: 100%;margin: 0;vertical-align: baseline;*vertical-align: middle}
.pure-skin-mine button,.pure-skin-mine input[type="submit"]{color:#fff;margin-top:20px}

/* layout style rules */
div#container {margin: 0 auto;padding: 0;border: 0;width: 960px;}
div#top {background: url(../image/top_bg.png) repeat-x;height: 20px;}
div#logo {background: url(../image/header_bg.png) repeat-x;height: 150px;}
div#footer {background: #EAE9D5;text-align: center;font-size: 0.8em;padding: 10px;color: #7A6B43;font-weight: bold;line-height: 18px}

.details_container > table {width: 100%}

div#content {min-height: 350px;background: #FFF;padding: 30px 15px;}
#side_menu_container{padding-top:25px}
#content_container{padding: 0;padding-right: 25px; margin: 0;}

table.layout_grid{border:0;margin:0;width:100%}
table.layout_grid > tr > td, table.layout_grid > tbody > tr > td{padding:0 5px 10px 0;margin:0}

h1{font-size:1.4em;font-weight:bold;text-align: center;}
h2{font-size:1.2em;font-weight:bold}

/*
.details_container > input[type='button'] {
	margin-top: 5px
}
*/

.attach_link{display: block}
.error_msg{color:#f00 ; text-align: center}
.warning_msg{color:#f7f700; text-align: cente}
.success_msg{color:#75DB1B; text-align: cente}
.requiredField{color:#f00; font_size:25px;margin-right:10px}
ul.uploadedFilesList{list-style: none;}
ul.uploadedFilesList a{outline:none;float:right;margin-left:7px;color: #555;text-decoration: none;font-size: 0.9em}
ul.uploadedFilesList a:hover{text-decoration: underline;}
ul.uploadedFilesList img{width:13px;margin-top:3px}

.breadcrumbs{display:block;font-size: 16px; font-weight: bold; margin-bottom: 30px}
.page_title{color:#555}
h1.error{margin:0;padding:0;color:#f00}
label.error {margin-right: 5px !important;color: #F00 !important;/*font-weight: bold !important*/}
.pure-skin-mine input.error, .pure-skin-mine textarea.error, .pure-skin-mine select.error {background: #FFC;border: 1px solid #FF0000 !important}
div.file-list {margin: 8px auto 5px auto}
div.file-list > div {display:inline-block; background-color: #F5F5F5;border-radius: 3px;font: 11px Verdana,Geneva,sans-serif;margin-left: 5px;margin-bottom: 5px;padding: 5px;}
/*div.file-list > span {display: block;background-color: #F5F5F5;border-radius: 3px;font: 11px Verdana,Geneva,sans-serif;margin-left: 5px;margin-bottom: 5px;padding: 5px;}*/
.clearer {height: 1px;clear: both}
/*
h2{text-align:center}
table.form-layout{display:block;margin:0 auto;border:0;width:50%}
.me-side-label{font-weight:bold;text-align:left}
input[type='submit']{padding:4px 10px;border:1px solid #777;color:#444}
table#login-layout{border:1px solid #777;padding:20px 0px}
table#login-layout td{text-wrap:unrestricted;}
table#common-menu a{color:#C60;text-decoration:none}
table#common-menu a:hover{font-weight:bold}
table#common-menu td{white-space: nowrap;border-right:1px solid #FFF;padding:0 5px}
table#common-menu td:first-child{border:none}

table#inbox{border-collapse:collapse;margin-top:20px}
table#inbox th{background-color:#333;color:#FFF}
table#inbox td, table#inbox th{border:1px solid #777}
table#inbox a{color:inherit}
table#inbox a:hover{color:#F00}
*/
.ui-widget {font-size:.9em}
#ui-datepicker-div{border: 1px solid #aaaaaa;}
.ui-datepicker-header{border: 1px solid #aaaaaa;background: #cccccc url(jquery-ui-themes-1.10.4/themes/flick/images/ui-bg_highlight-soft_50_dddddd_1x100.png) 50% 50% repeat-x;}
.ui-datepicker th{background: none repeat scroll 0 0 #555555;color: #FFFFFF;text-transform: capitalize;}

.side_label_middle{vertical-align: middle;text-align: left;font-weight:bold;padding-right:0 !important;width:50px;white-space:nowrap;overflow: visible; }
.side_label_top{vertical-align: top;text-align: left;font-weight:bold;padding-right:0 !important;width:50px;white-space:nowrap;overflow: visible;}
/*a#print-letter-btn{padding:5px 10px;background:#333;color:#FFF;text-decoration:none}*/

#notifications_Container div{line-height:30px ;border-radius: 3px; background: #e10c00;color: #fff; font-size: 1.2em; font-weight: bold; padding: 10px; margin-bottom: 10px}
#notifications_Container a{padding: 0 3px; color:#fff}
#notifications_Container img{float:right; margin-left:12px; height:30px}

#page_mask{   
    z-index:1001;

    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
 
    background-color: black;
    opacity:.8;
    filter: alpha(opacity=80); 
    
    padding-top: 10%;
    text-align: center;
    vertical-align:middle;
    
    color:#fff;
    font-size: 20px;
    font-weight: bold;
    line-height:40px
}

/* left to right mark : mix text direction inline to solve mixed text display problem */
*:after {content: "\200E";}


.text_view{ border:none !important ;background: inherit !important;}